<div class="navbar">
    <div class="navbar-inner">
        <div class="left sliding">
            <a href="#" class="back link">
                <i class="ion ion-ios-arrow-left font-32"></i><span>返回</span>
            </a>
        </div>
        <div class="center sliding">订单详情</div>
        <div class="right sliding">
            <a href="#" id="orderDetailEP" class="color-white link">全部收起</a>
        </div>
    </div>
</div>
<div class="pages">
    <div data-page="orderDetailView" class="page no-tabbar">
        <div class="page-content">
            <div id="orderDetailRender"></div>
            <script type="text/html" id="orderDetailTpl">
                <!-- 订单信息 -->
                <div class="fold-card">
                    <div class="fold-card-head touch-style">
                        <div m-role="cell" m-layout="fit" class="color-blue font-16">
                            订单信息
                        </div>
                        <div m-role="cell" class="color-light">
                            <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                        </div>
                    </div>
                    <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">订单编号：</div>
                            <div m-role="cell" m-layout="fit">{{orderNo}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">下单日期：</div>
                            <div m-role="cell" m-layout="fit">{{createTime}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">订单状态：</div>
                            <div m-role="cell" m-layout="fit">
                                {{#js_compare "this.orderState === 0"}}未提交{{/js_compare}} {{#js_compare "this.orderState === 1"}}已提交{{/js_compare}} {{#js_compare "this.orderState === 2"}}待派车{{/js_compare}} {{#js_compare "this.orderState === 3"}}已派车{{/js_compare}} {{#js_compare "this.orderState === 4"}}运输中{{/js_compare}} {{#js_compare "this.orderState === 5"}}已签收{{/js_compare}} {{#js_compare "this.orderState === 6"}}已取消{{/js_compare}}
                            </div>
                            <!-- <div m-role="cell">
                                <a href="#" class="button button-fill">
                                    <i class="iconfont icon-icongenzong font-14"></i>
                                    订单跟踪
                                </a>
                            </div> -->
                        </div>
                    </div>
                </div>
                <!-- 车辆信息 -->
                <div class="fold-card">
                    <div class="fold-card-head touch-style">
                        <div m-role="cell" m-layout="fit" class="color-blue font-16">
                            车辆信息
                        </div>
                        <div m-role="cell" class="color-light">
                            <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                        </div>
                    </div>
                    <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                        <div m-role="cell" m-valign="middle" m-mode="x-equal" class="fold-card-li-item">
                            <div m-role="cell">
                                <div m-role="cell" class="fold-card-key">车辆类型：</div>
                                <div m-role="cell" m-layout="fit">{{carType.carTypeName}}</div>
                            </div>
                            <div m-role="cell" m-align="right">
                                <div m-role="cell" class="fold-card-key">是否保温：</div>
                                <div m-role="cell">
                                    {{#if isHolding}}保温{{else}}不保温{{/if}}
                                </div>
                            </div>
                        </div>
                        <div m-role="cell" m-valign="middle" m-mode="x-equal" class="fold-card-li-item">
                            <div m-role="cell">
                                <div m-role="cell" class="fold-card-key">包装类型：</div>
                                <div m-role="cell" m-layout="fit">
                                    {{#js_compare "this.packModel === 0"}}散水{{/js_compare}} {{#js_compare "this.packModel === 1"}}桶装{{/js_compare}} {{#js_compare "this.packModel === 2"}}袋装{{/js_compare}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 装货信息 -->
                <div class="fold-card">
                    <div class="fold-card-head touch-style">
                        <div m-role="cell" m-layout="fit" class="color-blue font-16">
                            装货信息
                        </div>
                        <div m-role="cell" class="color-light">
                            <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                        </div>
                    </div>
                    <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">装货地企业：</div>
                            <div m-role="cell" m-layout="fit">{{startCompany}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">联系人：</div>
                            <div m-role="cell" m-layout="fit">{{startLinkman}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">联系电话：</div>
                            <div m-role="cell" m-layout="fit">{{startPhone}}</div>
                            <div m-role="cell">
                                <a href="tel:{{startPhone}}" class="button button-fill">
                                    <i class="iconfont icon-dianhua font-14"></i> 拨打电话
                                </a>
                            </div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">地址：</div>
                            <div m-role="cell" m-layout="fit">{{startProvincial}}{{startCity}}{{startArea}}{{startAddress}}{{startAddressRemark}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">计划装货时间：</div>
                            <div m-role="cell" m-layout="fit">2016-09-01</div>
                        </div>
                    </div>
                </div>
                <!-- 卸货信息 -->
                <div class="fold-card">
                    <div class="fold-card-head touch-style">
                        <div m-role="cell" m-layout="fit" class="color-blue font-16">
                            卸货信息
                        </div>
                        <div m-role="cell" class="color-light">
                            <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                        </div>
                    </div>
                    <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">卸货地企业：</div>
                            <div m-role="cell" m-layout="fit">{{endCompany}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">联系人：</div>
                            <div m-role="cell" m-layout="fit">{{endLinkman}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">联系电话：</div>
                            <div m-role="cell" m-layout="fit">{{endPhone}}</div>
                            <div m-role="cell">
                                <a href="tel:{{endPhone}}" class="button button-fill">
                                    <i class="iconfont icon-dianhua font-14"></i> 拨打电话
                                </a>
                            </div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">地址：</div>
                            <div m-role="cell" m-layout="fit">{{endProvincial}}{{endCity}}{{endArea}}{{endAddress}}{{endAddressRemark}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">计划卸货时间：</div>
                            <div m-role="cell" m-layout="fit">2016-09-01</div>
                        </div>
                    </div>
                </div>
                <!-- 费用信息 -->
                <div class="fold-card">
                    <div class="fold-card-head touch-style">
                        <div m-role="cell" m-layout="fit" class="color-blue font-16">
                            费用信息
                        </div>
                        <div m-role="cell" class="color-light">
                            <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                        </div>
                    </div>
                    <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                        <div m-role="cell" m-valign="middle" m-mode="x-equal" class="fold-card-li-item">
                            <div m-role="cell">
                                <div m-role="cell" class="fold-card-key">总里程：</div>
                                <div m-role="cell" m-layout="fit">{{kmNum}} 公里</div>
                            </div>
                            <div m-role="cell" m-align="right">
                                <div m-role="cell" class="fold-card-key">总重量：</div>
                                <div m-role="cell">{{totalGoodsWeight}} 吨</div>
                            </div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">结算方式：</div>
                            <div m-role="cell" m-layout="fit">
                                {{#js_compare "this.payWay === 1"}}电汇{{/js_compare}} {{#js_compare "this.payWay === 2"}}承兑{{/js_compare}}
                            </div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">付款单位：</div>
                            <div m-role="cell" m-layout="fit">{{payWayCompany}}</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">总运费：</div>
                            <div m-role="cell" m-layout="fit">{{totalFreight}} 元</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">单价：</div>
                            <div m-role="cell" m-layout="fit">{{unitPrice}} 元</div>
                            <!-- <div m-role="cell">
                                <div m-role="Button" m-size="min" m-style="primary-hollow" class="font-12">
                                    <div m-role="cell" m-margin="0 1 0 0">
                                        <i class="iconfont icon-raxicondiaozheng01 font-14"></i>
                                    </div>
                                    <div m-role="cell">
                                        调整单价
                                    </div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
                <!-- 承运方信息 -->
                <div class="fold-card">
                    <div class="fold-card-head touch-style">
                        <div m-role="cell" m-layout="fit" class="color-blue font-16">
                            承运方信息
                        </div>
                        <div m-role="cell" class="color-light">
                            <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                        </div>
                    </div>
                    <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">承运方：</div>
                            <div m-role="cell" m-layout="fit">浙江赛孚物流有限公司</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">接收人：</div>
                            <div m-role="cell" m-layout="fit">王调度</div>
                        </div>
                        <div m-role="cell" m-valign="middle" class="fold-card-li-item">
                            <div m-role="cell" class="fold-card-key">联系电话：</div>
                            <div m-role="cell" m-layout="fit">18623232233</div>
                            <div m-role="cell">
                                <a href="#" class="button button-fill">
                                    <i class="iconfont icon-dianhua font-14"></i> 拨打电话
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 备注信息 -->
                <div class="fold-card">
                    <div class="fold-card-head touch-style">
                        <div m-role="cell" m-layout="fit" class="color-blue font-16">
                            备注信息
                        </div>
                        <div m-role="cell" class="color-light">
                            <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                        </div>
                    </div>
                    <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                        {{#if carType.remark}}{{carType.remark}}{{else}}<div m-role="cell" m-align="center" m-valign="middle" class="padding-15 color-light">暂无备注</div>{{/if}}
                    </div>
                </div>
            </script>
        </div>
    </div>
</div>
